<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			table {
				border: 1px solid red;
				background-color: mediumaquamarine;
				margin: 0 auto;
			}
			
			tr,
			td {
				border: 1px solid burlywood;
				margin: 5px;
			}
			
		</style>
		<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<table>
			<tr>
				<td>第一行第1列</td>
				<td>第一行第2列</td>
				<td>第一行第3列</td>
				<td>第一行第4列</td>
			</tr>
			<tr>
				<td>第二行第1列</td>
				<td>第二行第2列</td>
				<td>第二行第3列</td>
				<td>第二行第4列</td>
			</tr>
			<tr>
				<td>第三行第1列</td>
				<td>第三行第2列</td>
				<td>第三行第3列</td>
				<td>第三行第4列</td>
			</tr>
			<script type="text/javascript">
			$("tr:even").css("backgroundColor","red")
			</script>
		</table>
	</body>

</html>